﻿@model FlyingCircusWebIS.ViewModels.PessoaVM.PessoaCadastrarVM

@{
    ViewBag.Title = "Cadastrar";
}
@section css{
    @Styles.Render("~/Content/css/formulario")
}

<div id="outraspg">
    <div>

        @using (Html.BeginForm("Cadastrar", "Pessoa", FormMethod.Post, new { @class = "formcad" }))
        {
            <h1>Informe os seus dados Pessoais</h1>
            
            @Html.ValidationSummary(true)
            
            <div class="conteudodivs">
                <dl>
                    <dd>
                        @Html.LabelFor(m => m.Nome)
                        @Html.TextBoxFor(m => m.Nome, new { @class = "largura" })
                        <br />
                        @Html.ValidationMessageFor(m => m.Nome)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.CPF)
                        @Html.TextBoxFor(m => m.CPF, new { @class = "CPF" })
                        <br />
                        @Html.ValidationMessageFor(m => m.CPF)
                    </dd>
                    <dd class="ddparalela">
                        @Html.LabelFor(m => m.Sexo, new { id = "sexo" })
                        @Html.RadioButtonFor(m => m.Sexo, "M") <span>Masculino </span>
                        @Html.RadioButtonFor(m => m.Sexo, "F") <span>Feminino</span><br />
                        <br />
                    </dd>
                </dl>
                <dl>
                    <dd class="classdd" id="cadpessoanascimento">
                        @Html.LabelFor(m => m.DataNascimento)
                        @Html.TextBoxFor(m => m.DataNascimento, new { @class = "datetimepicker-pt-br" })<br />
                        @Html.ValidationMessageFor(m => m.DataNascimento)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.Email)
                        @Html.TextBoxFor(m => m.Email)<br />
                        @Html.ValidationMessageFor(m => m.Email)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.telefoneUm)
                        @Html.TextBoxFor(m => m.telefoneUm, new { @class = "TELEFONE" })<br />
                        @Html.ValidationMessageFor(m => m.telefoneUm)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.telefoneDois)
                        @Html.TextBoxFor(m => m.telefoneDois, new { @class = "TELEFONE" })<br />
                        @Html.ValidationMessageFor(m => m.telefoneDois)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.Ocupacao)
                        @Html.TextBoxFor(m => m.Ocupacao)<br />
                        @Html.ValidationMessageFor(m => m.Ocupacao)
                    </dd>
                    <dd class="ddparalela">
                        @Html.LabelFor(m => m.Renda)
                        @Html.TextBoxFor(m => m.Renda, new { @class = "DINHEIRO" })<br />
                        @Html.ValidationMessageFor(m => m.Renda)
                    </dd>
                </dl>
            </div>

            <h1>Informe seu endereço</h1>
            <div class="conteudodivs">
                <dl>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.UF)
                        @Html.DropDownListFor(m => m.UF, Model.ItensUF, new { id = "dropUF" })<br />
                        @Html.ValidationMessageFor(m => m.UF)
                    </dd>
                    <dd class="ddparalela">
                        @Html.LabelFor(m => m.IdCidade)
                        @Html.DropDownListFor(m => m.IdCidade, Model.ItensCidades, new { id = "dropCidades" })<br />
                        @Html.ValidationMessageFor(m => m.IdCidade)
                    </dd>
                </dl>
                <dl>
                    <dd>
                        @Html.LabelFor(m => m.Logradouro)
                        @Html.TextBoxFor(m => m.Logradouro, new { @class = "largura" })<br />
                        @Html.ValidationMessageFor(m => m.Logradouro)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.Numero)
                        @Html.TextBoxFor(m => m.Numero)<br />
                        @Html.ValidationMessageFor(m => m.Numero)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.Complemento)
                        @Html.TextBoxFor(m => m.Complemento)<br />
                        @Html.ValidationMessageFor(m => m.Complemento)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.CEP, new { @style = "display:inline-block;" }) <a id="cep" title="Não sei meu CEP" href="http://www.buscacep.correios.com.br/" target="_blank">Não sei meu CEP</a>
                        @Html.TextBoxFor(m => m.CEP, new { @class = "CEP" })
                        <br />
                        @Html.ValidationMessageFor(m => m.CEP)
                    </dd>
                </dl>
            </div>
    
            <h1>Informações de acesso</h1>
            <div class="conteudodivs">
                <dl>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.Usuario)
                        @Html.TextBoxFor(m => m.Usuario)<br />
                        @Html.ValidationMessageFor(m => m.Usuario)
                    </dd>
                    <dd class="classdd">
                        @Html.LabelFor(m => m.Senha)
                        @Html.PasswordFor(m => m.Senha)<br />
                        @Html.ValidationMessageFor(m => m.Senha)
                    </dd>
                    <dd class="ddparalela">
                        @Html.LabelFor(m => m.SenhaConfirmacao)
                        @Html.PasswordFor(m => m.SenhaConfirmacao)<br />
                        @Html.ValidationMessageFor(m => m.SenhaConfirmacao)
                    </dd>

                </dl>
            </div>
            <div class="espacodasinfos">
                @Html.CheckBoxFor(m => m.ReceberMarketing)
                @Html.LabelFor(m => m.ReceberMarketing, new { @style = "display:inline; margin-left:10px" })
            </div>
            <br />
            <input class="enviar" type="submit" value="Cadastrar" />
        }
    </div>
</div>

@section scripts 
{
    <script type="text/javascript">

        $(document).ready(function () {

            ConfiguraEventoSelecaoComboEstados();
            ConfiguraMascaras();
            ConfiguraDateTimePicker();

        });

        function ConfiguraDateTimePicker() {
            //Configuração do plugin dateTimePicker
            jQuery(".datetimepicker-pt-br").datetimepicker({
                lang: 'pt',
                format: 'd/m/Y',
                maxDate: 0,
                timepicker: false
            });
        }

        function ConfiguraMascaras() {
            $(".CPF").mask("000.000.000-00");
            $(".CEP").mask("00000-000");
            $(".TELEFONE").mask("(00) 900000000");
            $(".DINHEIRO").mask("99999999.99");


        }

        function ConfiguraEventoSelecaoComboEstados() {
            $("#dropUF").change(function () {

                var ufSelecionado = $(this).val()
                $.get('@Url.Action("BuscarItensCidades")', { uf: ufSelecionado }, function (data) {
                    PopulaComboCidades(data);
                });

            });
        }

        function PopulaComboCidades(data) {
            var dropdownCidades = $("#dropCidades");

            dropdownCidades.empty();
            for (var i = 0; i < data.length; i++) {
                var option = $("<option />").val(data[i].Value).text(data[i].Text);
                dropdownCidades.append(option);
            }
        }
    </script>
}